<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // *
        // **
        // ***
        // ****

        // 输出多个星星，一个换行      第一行1个

        // 输出多个星星，一个换行      第二行2个

        // 输出多个星星，一个换行      第三行3个

        // 输出多个星星，一个换行      第四行4个


        // 总共重复了4行  ---- 打印星星和换行
        // for(var i = 1 ; i <= 4 ; i++) {   // i 行数
        //     // 打印星星和换行
        //     //   重复打印星星
        //     for(var j = 0 ; j < i ; j++) {   // j 星星的个数
        //         document.write('*') ;
        //     }
        //     document.write('<br>') ;
        // }




        for(var i = 0 ; i < 4 ; i++) {
            for(var j = 0 ; j <= i ; j++) {
                document.write('*') ; 
            }
            document.write('<br>') ;
        }










        // *****
        // ****
        // ***
        // **
        // *

        // 输出了5行  幸好的个数跟行数有关系

        // for(var i = 0 ; i < 5 ; i++) {
        //     for(var j = 0; j < 5 - i ; j++) {
        //         document.write('$');
        //     }
        //     document.write('<br>') ;
        // }




        // *****
        //  ****
        //   ***
        //    **
        //     *


        // 11111
        // 21111
        // 22111
        // 22211
        // 22221


        for(var i = 0 ; i < 5 ; i++) {
            // 重复的打印1和2和换行
            for(var k = 0 ; k < i ; k++) {
                document.write(2) ;
            }
            for(var j = 0 ; j < 5 - i ; j++) {
                document.write(1) ;
            }
            
            document.write('<br>');
        }


        // 1 1 1 1 2                4个1  1个2
        // 1 1 1 2 2 2              3个1  3个2
        // 1 1 2 2 2 2 2            2个1  5个2
        // 1 2 2 2 2 2 2 2          1个1  7个2
        // 2 2 2 2 2 2 2 2 2        0个1  9个2

    </script>
    
</body>
</html>